<template>
    <div class="grid">
        <van-grid :column-num="channel.length">
            <van-grid-item
                v-for="item in channel"
                :key="item.id"
                :icon="item.icon_url"
                :text="item.name"
            />
        </van-grid>
    </div>
</template>

<script>
export default {
    props: ["channel"],
    data() {
        return {};
    },
};
</script>
 
<style lang = "less" scoped>
.grid {
    margin-bottom: 0.2rem;
}
</style>